<section data-v-d034c99c="" class="app-main" style="min-height: 100%;">
    <div data-v-9d0c3f1c="" class="dashboard-container">
        <div data-v-9d0c3f1c="" class="app-container">
            <div data-v-9d0c3f1c="" class="seacthBox">
                <form data-v-9d0c3f1c="" class="el-form el-form--inline">
                    <div data-v-9d0c3f1c="" class="el-form-item el-form-item--medium">
                        <label for="username" class="el-form-item__label">输入搜索</label>
                        <div class="el-form-item__content">
                            <div data-v-9d0c3f1c="" class="el-input el-input--medium">
                                <input type="text" autocomplete="off" placeholder="用户名称"
                                       class="el-input__inner">
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <div data-v-9d0c3f1c="" class="basic-list-content">
                <div data-v-9d0c3f1c=""
                     class="el-table el-table--fit el-table--border el-table--scrollable-x el-table--enable-row-transition el-table--medium"
                     style="width: 100%; margin-top: 10px;">
                    <div class="el-table__header-wrapper">
                        <table cellspacing="0" cellpadding="0" border="0" class="el-table__header"
                               style="width: 1475px;">
                            <colgroup>
                                <col name="el-table_1_column_1" width="55">
                                <col name="el-table_1_column_2" width="80">
                                <col name="el-table_1_column_3" width="200">
                                <col name="el-table_1_column_4" width="100">
                                <col name="el-table_1_column_5" width="200">
                                <col name="el-table_1_column_6" width="200">
                                <col name="el-table_1_column_7" width="160">
                                <col name="el-table_1_column_8" width="100">
                                <col name="el-table_1_column_9" width="200">
                            </colgroup>
                            <tbody>
                            <tr class="">
                                <th colspan="1" rowspan="1"
                                    class="el-table_1_column_1   el-table-column--selection  is-leaf">
                                    <div class="cell"><label class="el-checkbox"><span
                                            class="el-checkbox__input"><span
                                            class="el-checkbox__inner"></span><input type="checkbox"
                                                                                     aria-hidden="false"
                                                                                     class="el-checkbox__original"
                                                                                     value=""></span>
                                        <!----></label></div>
                                </th>
                                <th colspan="1" rowspan="1"
                                    class="el-table_1_column_2  is-center   is-leaf">
                                    <div class="cell">用户名</div>
                                </th>
                                <th colspan="1" rowspan="1" class="el-table_1_column_3     is-leaf">
                                    <div class="cell">密码</div>
                                </th>
                                <th colspan="1" rowspan="1" class="el-table_1_column_4     is-leaf">
                                    <div class="cell">积分</div>
                                </th>
                                <th colspan="1" rowspan="1"
                                    class="el-table_1_column_5  is-center   is-leaf">
                                    <div class="cell">电话</div>
                                </th>
                                <th colspan="1" rowspan="1" class="el-table_1_column_6     is-leaf">
                                    <div class="cell">邮箱</div>
                                </th>
                                <th colspan="1" rowspan="1"
                                    class="el-table_1_column_7  is-center   is-leaf">
                                    <div class="cell">QQ</div>
                                </th>
                                <th colspan="1" rowspan="1"
                                    class="el-table_1_column_8  is-center    is-leaf">
                                    <div class="cell">等级</div>
                                </th>
                                <th colspan="1" rowspan="1"
                                    class="el-table_1_column_9  is-center    is-leaf">
                                    <div class="cell">操作</div>
                                </th>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="el-table__body-wrapper">
                        <table cellspacing="0" cellpadding="0" border="0" class="el-table__body"
                               style="width: 1475px;">
                            <tbody>
                            <tr class="el-table__row" v-for="user in users" :key="users.index">
                                <td rowspan="1" colspan="1"
                                    class="el-table_2_column_10  el-table-column--selection"
                                    style="width:55px">
                                    <div class="cell">
                                        <label class="el-checkbox">
                                            <span class="el-checkbox__input">
                                                <span class="el-checkbox__inner"></span>
                                                    <input type="checkbox" aria-hidden="false"
                                                           lass="el-checkbox__original" value="">
                                            </span>
                                        </label>
                                    </div>
                                </td>
                                <td rowspan="1" colspan="1" class="el-table_2_column_11  "
                                    style="width:80px">
                                    <div class="cell">{{user.username}}</div>
                                </td>
                                <td rowspan="1" colspan="1" class="el-table_2_column_12  "
                                    style="width:200px">
                                    <div class="cell">{{user.password}}</div>
                                </td>
                                <td rowspan="1" colspan="1" class="el-table_2_column_13  "
                                    style="width:100px">
                                    <div class="cell">{{user.points}}</div>
                                </td>
                                <td rowspan="1" colspan="1" class="el-table_2_column_14  "
                                    style="width:200px">
                                    <div class="cell">{{user.phone}}</div>
                                </td>
                                <td rowspan="1" colspan="1" class="el-table_2_column_16  "
                                    style="width:200px">
                                    <div class="cell">{{user.email}}</div>
                                </td>
                                <td rowspan="1" colspan="1" class="el-table_2_column_17 is-center "
                                    style="width:160px">
                                    <div class="cell">{{user.qq}}</div>
                                </td>
                                <td rowspan="1" colspan="1" class="el-table_2_column_17 is-center "
                                    style="width:100px">
                                    <div class="cell">{{user.userLevel}}</div>
                                </td>
                                <td rowspan="1" colspan="1"
                                    class="el-table_2_column_18 is-center  is-hidden"
                                    style="width:200px">
                                    <div class="cell">
                                        <button data-v-9d0c3f1c="" type="button"
                                                class="el-button el-button--text el-button--small">
                                            <!----><!----><span>删除</span></button>
                                    </div>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<div>
    到<input v-model="page">页
    <button @click="queding(page)">确定</button>
</div>
<script th:inline="javascript">
    var app = new Vue({
        el:"#app",
        data: {
            'users': [[${users}]],
            'page': [[${page}]]
        },
        methods: {
            queding: function (page) {
                axios.get("/bg/productList?page=" + page).then(function (response) {
                    if (response.data) {
                        this.data = response.data
                    }
                })
            }
        },
    })
</script>
